<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script type="text/javascript" src="assets/index.min.js"></script>
    <link rel="stylesheet" href="assets/mui/css/mui.min.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/category.css" />
    <link rel="stylesheet" href="assets/fontawsome/css/font-awesome.min.css" />
</head>

<body>
    <header id="header" class="mui-bar mui-bar-nav my-header">
        <h1 class="mui-title">乐淘底购</h1>
        <a class="mui-icon  mui-pull-right mui-icon-search"></a>
    </header>
    <nav class="mui-bar mui-bar-tab my-footer">
        <a class="mui-tab-item" href="index.html">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
        <a class="mui-tab-item mui-active" href="category.html">
				<span class="mui-icon  mui-icon-bars"></span>
				<span class="mui-tab-label">分类</span>
			</a>
        <a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="mui-icon fa fa-shopping-cart"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
        <a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">个人中心</span>
			</a>
    </nav>
    <div class="my-content">
        <div class="category-left">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <div class="link" id="links">
                        <a herf="#">
				           运动馆
				        </a>
				        <a herf="#">
				           运动馆
				        </a>
				        <a herf="#">
				           运动馆
				        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="category-right">
            <div class="mui-scroll-wrapper">
                <div class="mui-scroll">
                    <ul class="mui-clearfix" id="secondary">
                        <li>
                            <a href="#">
								<img src="images/brand1.png"/>
								<p>耐克</p>
								</a>
                        </li>
                        <li>
                            <a href="#">
								<img src="images/brand2.png"/>
								<p>阿迪达斯</p>
								</a>
                        </li>
                        <li>
                            <a href="#">
								<img src="images/brand3.png"/>
								<p>阿迪达斯</p>
								</a>
                        </li>
                        <li>
                            <a href="#">
								<img src="images/brand3.png"/>
								<p>阿迪达斯</p>
								</a>
                        </li>
                        <li>
                            <a href="#">
								<img src="images/brand3.png"/>
								<p>阿迪达斯</p>
								</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<script src='assets/zepto/zepto.min.js'></script>
<script src="assets/mui/js/mui.min.js"></script>
<script src="assets/artTemplate/template-native.js"></script>
<script src="js/config.js"></script>
<script src="js/category.js"></script>
<!-- 一级分类 -->
<script type="text/tempalte" id="category-left">
    <% for(var i=0;i<result.length;i++) { %>
        <a herf="#" data-id="<%= result[i].sopjilvid %>">
            <%= result[i].mingcheng %>
        </a>
        <% } %>
</script>
<!-- 二级分类 -->
<script type="text/template" id="category-right">
     
        <li>
            <a href="#">            	
			<img src="images/brand3.png"/>
			<p><%= result.mingcheng %></p>
			</a>
        </li>
  
</script>

</html>